<template>
  <div>
    <el-breadcrumb
      separator-class="el-icon-arrow-right"
      style="margin-bottom: 15px"
    >
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>商品管理</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: './list' }">商品列表</el-breadcrumb-item>
      <el-breadcrumb-item>添加商品</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card>
      <el-alert
        title="添加商品信息"
        type="info"
        show-icon
        :closable="false"
        center
      >
      </el-alert>
      <div style="height: 300px">
        <!-- <el-steps direction="vertical" :active="1">
          <el-step title="商品名称" icon="el-icon-edit"></el-step>
          <el-step title="商品价格" icon="el-icon-edit"></el-step>
          <el-step title="商品重量" icon="el-icon-edit"></el-step>
          <el-step title="创建时间" icon="el-icon-edit"></el-step>
        </el-steps> -->
        <el-steps
          :active="1"
          finish-status="success"
          simple
          style="margin-top: 20px"
        >
          <el-step title="步骤 1"></el-step>
          <el-step title="步骤 2"></el-step>
          <el-step title="步骤 3"></el-step>
        </el-steps>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>